<!doctype html>
<html xmlns:v-on="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/app/confirmorder/confirmorder.css" />
		<script type="text/javascript" src="../../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../../js/vue.min.js" ></script>
		<script type="text/javascript" src="../../js/app/common.js" ></script>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../js/mui.zoom.js" ></script>
		<script type="text/javascript" src="../js/mui.previewimage.js" ></script>
		<link rel="stylesheet" href="../../css/muiloading.css" />

		<script type="text/javascript" src="../../js/mui-loading.js" ></script>
	</head>
	
	<body>
		
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left a-back"></a>
		    <h1 class="mui-title">确认订单</h1>
		</header>
		<div class="mui-content" id="confirmorder" v-cloak>
		
		<div class="body-content-center">
			<div class="order-body" style="position:absolute;top:0px;left: 0px;right:0px;bottom:60px;overflow: auto;">
			<div class="mui-card">
			<div class="mui-card-header" style="font-size:15px;">请选择预定时间</div>
			<div class="mui-card-content">
		<ul class="mui-table-view mui-table-view-radio" id="ul-order-time">
				<li class="mui-table-view-cell" v-for="day in days" :title="day.weektime">
					<a class="mui-navigate-right">
						{{ day.name }}    ({{day.weektime}})
					</a>
				</li>
			</ul>
		</div>
		</div>
			
			<div class="mui-card">
				<!--页眉，放置标题-->
			<div class="mui-card-header">包子</div>
		<!--内容区-->
		<div class="mui-card-content">
			<ul class="mui-table-view">
    <li class="mui-table-view-cell" v-for="(info,index) in carorders.infos">
      <div class="mui-row" style="height: 40px;">
      	<div class="mui-col-xs-2" style="height:100%;"><img data-preview-src="" :data-preview-group="index" style="width:35px;height: 35px;" :src="info.filepath"></div>
      		<div class="mui-col-xs-7">{{info.bunsname}}</div>
      			<div class="mui-col-xs-3"><span>x {{info.chancenum}}</span><span style="position: absolute;right:10px;">￥{{info.unittotalprice}}</span></div>
      </div>
    </li>
   
	</ul>
		</div>
	
			
		</div>
		
		</div>
		
		<div class="div_bottom_parent">
				<span>￥{{carorders.totalPrice}}</span>
				<button class="btn-go-buycan" v-on:click="confirmClick">确认预定</button>
		</div>
		</div>
		</div>
		<script type="text/javascript" src="../../js/app/confirmorder/confirmorder.js"></script>
	</body>
		
</html>